<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
	<div>
		<ul id="xiongchumo">
			<li class="xiongda">熊大</li>
			<li class="xiongda">熊三</li>
			<li class="xionger">熊二</li>
			<li class="guangtou">光头强</li>
			<li class="feibo" name="cat">菲薄</li>
		</ul>
	</div>
	<script type="text/javascript">
		//1.通过id获取 document.getElementById("id") 返回一个元素节点

		let xcm = document.getElementById("xiongchumo")
		console.log(xcm)

		//2.通过class获取 返回的是一个伪数组 (数组的常用3方法不能用，但取值和遍历可行)
		let xd = document.getElementsByClassName("xiongda")
		// xd.push(10)  --> 报错
		console.log(xd[0].innerText)//熊大

		//3.通过标签名获取 返回的是一个伪数组 (数组的常用3方法不能用，但取值和遍历可行)
		let li = document.getElementsByTagName("li")
		console.log(li[4])

		//4.通过name获取
		let cat = document.getElementsByName("cat")
		console.log(cat)
	</script>
</body>
</html>